<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>

<ui:composition template="/templates/Plantilla.xhtml">
	
	<ui:define name="content">			
		<h:form class="form">
		<p:growl id="growl1" />
			<p:messages id="messages" closable="true"/>
			  
			
		<p:panel>
			<f:facet name="header">ACTUALIZAR SUCURSAL DE SUJETO EMPRESA</f:facet>
	
			
			<p:panelGrid columns="1" style="width:100%;"  >
				<f:facet name="header"> Datos de la Sucursal</f:facet>
			</p:panelGrid>
			<br/>
			<h:panelGrid columns="3" style="width:100%;" columnClasses="column1,column2, column3">  

				<h:outputText for="lblNombre" value="Nombre: *" />
				<h:panelGroup>
					<p:inputText id="lblNombre" value="#{sujetoEmpresa Edit.sucursal.nombre}" label="Nombre" style="width:95%;">
						<p:ajax update="errorlblNombre, cmdSiguiente" event="keyup"  listener="#{sujetoResidencialEdit.listenerNombre}"/>
					</p:inputText>
		  		</h:panelGroup>
		  		<p:messages id="errorlblNombre" ></p:messages>
		  		
		  		<h:outputText for="lblApellido" value="Apellido: *" style="font-weight: bold;"></h:outputText>
				<h:panelGroup>
					<p:inputText id="lblApellido" value="#{sujetoResidencialEdit.sucursal.apellido}" label="Apellido" style="width:95%;">
						<p:ajax update="errorlblApellido, cmdSiguiente" event="keyup"  listener="#{sujetoResidencialEdit.listenerApellido}"/>
					</p:inputText>
				</h:panelGroup>
        		<p:messages id="errorlblApellido" ></p:messages>
				
				<h:outputText for="lblApodo" value="Apodo/Alias:" style="font-weight: bold;"/>
				<p:inputText id="lblApodo" value="#{sujetoResidencialEdit.sucursal.alias}" style="width:95%;"/>
               	<p:messages id="errorlblApodo" ></p:messages>
			</h:panelGrid> 	

			<br/>
			
			<p:panelGrid columns="1" style="width:100%;"  >
				<f:facet name="header"> Tipo de Cliente</f:facet>
			</p:panelGrid>
			<br/>
			
			<h:panelGrid columns="3" style="width:100%;" columnClasses="column1,column2, column3">
				<h:outputText id="lblTipoCliente" value="Tipo de Cliente: *"/>
				<p:selectOneMenu value="#{sujetoResidencialEdit.sujeto.tipoCliente.tipoClienteId}" effect="fade" required="true" label="Tipo de Cliente" style="width:60%;">    
			        <f:selectItems value="#{selectOneMany.tiposDeClientes()}" var="tipoCliente"
							itemLabel="#{tipoCliente.nombre}" 
							itemValue="#{tipoCliente.tipoClienteId}">
					</f:selectItems>
					<p:ajax update="errorlblTipoCliente, cmdSiguiente" event="change" listener="#{sujetoResidencialEdit.listenerTipoCliente}" />  
			    </p:selectOneMenu>
			    <p:messages id="errorlblTipoCliente" ></p:messages>
			</h:panelGrid>
			
			<br/>
			
			<p:panelGrid columns="1" style="width:100%;"  >
				<f:facet name="header"> Datos del Domicilio</f:facet>
			</p:panelGrid>
			<br/>
			<h:panelGrid columns="3" style="width:100%;" columnClasses="column1,column2, column3">    
	
	     		<h:outputText for="lblBarrio" value="Barrio: *"/>
	     		<h:panelGroup>   	
		  			<p:inputText id="lblBarrio" value = "#{sujetoResidencialEdit.sucursal.barrio}"	style="width:80%;">
		  				<p:ajax update="errorlblBarrio, cmdSiguiente" event="keyup"  listener="#{sujetoResidencialEdit.listenerBarrio}"/>
		  			</p:inputText>
	  			</h:panelGroup>      	
				<p:messages id="errorlblBarrio" ></p:messages>
				
	        	<h:outputText for="lblCalle" value="Calle: *" />
	        	<h:panelGroup>
		        	<p:inputText id="lblCalle" value="#{sujetoResidencialEdit.sucursal.calle}"  label="Calle" style="width:80%;">
		        		<p:ajax update="errorlblCalle, cmdSiguiente" event="keyup"  listener="#{sujetoResidencialEdit.listenerCalle}"/>
		        	</p:inputText>
		        </h:panelGroup>
				<p:messages id="errorlblCalle" ></p:messages>
	
	        	<h:outputText for="lblNumero" value="Numero: *" />
	        	<h:panelGroup>
		        	<p:inputText id="lblNumero" value="#{sujetoResidencialEdit.numero}"  label="Numero">
		        		<p:ajax update="errorlblNumero, cmdSiguiente" event="keyup"  listener="#{sujetoResidencialEdit.listenerNumero}"/>
		        	</p:inputText>
		        </h:panelGroup>
	      		<p:messages id="errorlblNumero" ></p:messages>

			</h:panelGrid>
			<br/>
			<h:panelGrid columns="4" style="width:100%;" columnClasses="column1,column1-1, column1, column1-1">
			        	
	        	<h:outputText id="lblPiso" value="Piso:"/>			        
	        	<p:inputText id="inputPiso" value = "#{sujetoResidencialEdit.sucursal.piso}"/>
	  
	        	<h:outputText id="lblDpto" value="Dpto:"/>
	        	<p:inputText id="inputDpto" value = "#{sujetoResidencialEdit.sucursal.departamento}"/>
	      
	        	<h:outputText id="lblMza" value="Mza:"/>
	        	<p:inputText id="inputMza" value = "#{sujetoResidencialEdit.sucursal.manzana}"/>	
	
	        	<h:outputText id="lblLte" value="Lote:"/>
	        	<p:inputText id="inputLte" value = "#{sujetoResidencialEdit.sucursal.lote}"/>
			  	
			</h:panelGrid>
			<br/>
			<h:panelGrid columns="2" style="width:100%;" columnClasses="column1,column2-2">
					<h:outputText id="lblObservacion" value="Observacion:"/> 
					 <p:inputTextarea id="inputObservacion" value = "#{sujetoResidencialEdit.sucursal.observacion}"  rows="2" cols="60" />
			</h:panelGrid>	
			
			<br/>
			
			
			<p:panelGrid columns="1" style="width:100%;"  >
				<f:facet name="header"> Datos de Contacto</f:facet>
			</p:panelGrid>
			
			<br/>
			<h:panelGrid columns="2" style="width:100%;" columnClasses="column1,column2-2">  
			        	
	        	<h:outputText value="Telefono: " />
	        	<p:inputText value="#{sujetoResidencialEdit.sucursal.telefonoFijo}"	style="width:25%;" />
	    
	        	<h:outputText value="Interno: " />
	        	<p:inputText value="#{sujetoResidencialEdit.sucursal.interno}" style="width:25%;"/>
	 
	        	<h:outputText value="Celular: " />
	        	<p:inputText value="#{sujetoResidencialEdit.sucursal.telefonoMovil}" style="width:25%;"/>
	 
	        	<h:outputText value="Correo Electronico:"/>
	        	<p:inputText id="inputPiso2" value = "#{sujetoResidencialEdit.sucursal.email}" style="width:35%;"/>
			        	
			</h:panelGrid>
			<br/>
			
			<p:panel style = "text-align:center">
				<p:commandButton value="Cancelar" action="#{sujetoResidencialEdit.cancelarEdit}"/>
				<p:commandButton id="cmdSiguiente" value="Modificar" action="#{sujetoResidencialEdit.confirmEditContacto}" 
				 		update="growl1" disabled="#{sujetoResidencialEdit.deshabilitarGuardar}" ajax="false"/>
				
			</p:panel> 
	</p:panel>   
		</h:form>        	        	        	        
	</ui:define>
	
</ui:composition>
	
</h:body>
</html>